<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>users</title>
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="../css/users.css">
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="all">
        <!-- 顶部 -->
        <div class="headerBox">
            <div class="header center">
                <div class="headerLeft">
                    <a href="../html/index.html"></a>
                    <a href="../html/index.html">首页</a>
                    <div>
                        <a href="../html/lists.html">设计服务</a>
                        <div class="sub_menu">
                            <a href="">LOGO/品牌</a>
                            <a href="">平面设计</a>
                            <a href="">UI设计</a>
                            <a href="">绘画/插画</a>
                            <a href="">工业/产品设计</a>
                            <a href="">影视/动画</a>
                            <a href="">摄影</a>
                            <a href="">服装设计</a>
                            <a href="">室内设计</a>
                            <a href="">造型设计</a>
                            <a href="">私家定制</a>
                            <a href="">其他</a>
                        </div>
                    </div>
                    <a href="../html/users.html">设计师</a>
                </div>
                <div class="headerRight">
                    <div class="userPhone"></div>
                    <button class="loginnn">登录</button>
                    <button class="dialoggg">注册</button>
                    <button class="out">退出</button>
                </div>
            </div>
        </div>
        <!-- 分类 -->
        <div class="classfyBox">
            <div class="classfy center">
                <div class="classfyLabel">分类： </div>
                <div class="classfyList">
                    <!-- <a href="" class="active">全部</a>
                    <a href="">UI设计师</a>
                    <a href="">平面设计师</a>
                    <a href="">摄影师</a>
                    <a href="">插画师</a>
                    <a href="">漫画师</a>
                    <a href="">动画师</a>
                    <a href="">家居设计师</a>
                    <a href="">室内设计师</a>
                    <a href="">建筑设计师</a>
                    <a href="">服装设计师</a>
                    <a href="">工业设计师</a>
                    <a href="">造型师</a>
                    <a href="">游戏美术师</a>
                    <a href="">手工艺人</a>
                    <a href="">其他</a> -->
                </div>
            </div>
        </div>
        <!-- 排序 -->
        <div class="sortBox">
            <div class="sort center">
                <label class="text">排序方式</label>
                <!-- 推荐排序 ∨
                <div class="sortMenu">
                    <a href="" class="item">推荐排序</a>
                    <a href="" class="item">创建时间</a>
                    <a href="" class="item">好评</a>
                </div> -->
            </div>
        </div>
        <!-- 分隔线 -->
        <div class="dividerBox">
            <div class="divider center"></div>
        </div>
        <!-- 用户列表 -->
        <div class="usersListBox">
            <div class="usersList center">
                <!-- 渲染结构 -->
                <!-- <div class="card">
                    <div class="up">
                        <div class="name_pic">
                            <label class="name">静静Meow</label>
                            <img src="https://hbimg.huabanimg.com/4702562b4f0a201f2b655b382c2f80c70a7c3b4872d7-yLqHyn_/both/140x140"
                                alt="设计师头像">
                        </div>
                        <div class="evaluate">
                            <span>28个设计服务</span>
                            <span>评价：<i>★★★★★</i></span>
                        </div>
                        <div class="tags">
                            <label>插画师</label>
                            <label>漫画师</label>
                            <label>手工艺人</label>
                        </div>
                    </div>
                    <div class="down">
                        <p>本人插画师，擅长Q版、绘本、儿插风格、商业插画、有新媒体、传统广告工作经历，多年绘画经验，有个人风格。可以根据故事文案进行插画，条漫创作。服...</p>
                    </div>
                </div> -->
            </div>
        </div>
        <!-- 页码 -->
        <div class="pagenationBox">
            <div class="pagenation center">

            </div>
        </div>
        <!-- 底部 -->
        <div class="footerBox">
            <div class="footer center">
                <h2>花瓣美思，花瓣网旗下网站</h2>
                <div class="four_column_row">
                    <div class="column">
                        <label class="title">美瓣美思</label>
                        <div class="link_list">
                            <a href="">关于美思</a>
                            <a href="">雇主问题</a>
                            <a href="">设计师问题</a>
                            <a href="">使用帮助</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">平台战略合作伙伴</label>
                        <div class="link_list">
                            <a href="">中华世纪坛创意新媒体联盟</a>
                            <a href="">视觉中国</a>
                            <a href="">腾讯风铃</a>
                            <a href="">ixdc</a>
                            <a href="">红星奖</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">联系与合作</label>
                        <div class="link_list">
                            <a href="">联系我们</a>
                            <a href="">联系客服</a>
                            <a href="">微博@花瓣网</a>
                            <a href="">微信</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">移动客户端</label>
                        <div class="link_list">
                            <a href="">iOS</a>
                            <a href="">Android</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="../js/pagenation.js"></script>
    <script src="../js/users.js"></script>

</body>

</html>